<!--
  ========================LICENSE_START=================================
  screenit-web
  %%
  Copyright (C) 2012 - 2020 Facilitaire Samenwerking Bevolkingsonderzoek
  %%
  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU Affero General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.
  
  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.
  
  You should have received a copy of the GNU Affero General Public License
  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  =========================LICENSE_END==================================
  -->
<html xmlns:wicket="http://wicket.apache.org">
<body>
<wicket:extend>
    <div class="content-inner">
        <div class="row-fluid">
            <div class="span12">
                <h1 class="pageTitle">Overzicht blokkades -
                    <wicket:container wicket:id="coloscopiecentrum"></wicket:container>
                </h1>
            </div>
        </div>

        <fieldset>
            <div class="view-werklijst">
                <fieldset class="form-inline">
                    <form wicket:id="form">
                        <div class="btn-group periode-filter">
                            <div class="input-append">
                                <input wicket:id="startDatum" type="text" placeholder="dd-mm-jjjj" size="16" class="input-small three-months filterDatum startDatum">
                                <a href="javascript:void(0);" class="btn" onclick="$(this).prev().datepicker('show');return false;" title="Datum"><i class="icon-calendar"></i></a>
                            </div>
                            <span style="font-size:12px; vertical-align: middle; padding: 4px 12px;"> t/m </span>
                            <div class="input-append">
                                <input wicket:id="endDatum" type="text" placeholder="dd-mm-jjjj" size="16" class="input-small three-months filterDatum endDatum">
                                <a href="javascript:void(0);" class="btn" onclick="$(this).prev().datepicker('show');return false;" title="Datum"><i class="icon-calendar"></i></a>
                            </div>
                        </div>
                        <a href="javascript:void(0);" onclick="$('.filterDatum').datepicker('setDate', new Date());$('.filterDatum').change();return false;" class="btn">Vandaag</a>
                        <a href="javascript:void(0);"
                           onclick="$('.filterDatum.startDatum').datepicker('setDate', new Date(new Date().getFullYear(), 0, 1));$('.filterDatum.endDatum').datepicker('setDate', new Date(new Date().getFullYear(), 11, 31));$('.filterDatum').change();return false;"
                           class="btn">Kalenderjaar</a>
                    </form>
                </fieldset>

                <fieldset>
                    <div wicket:id="csv"></div>
                    <div wicket:id="tabel"></div>
                </fieldset>
            </div>
        </fieldset>
    </div>
</wicket:extend>
</body>
</html>
